<template>
  <div>
    <common-header></common-header>
    <page-section :info="info"></page-section>
    <base-info :info="info"></base-info>
    <comment :list="commentList"></comment>
    <tabbar></tabbar>
  </div>
</template>

<script>
import CommonHeader from '@/common/header/CommonHeader';
import PageSection from './components/PageSection';
import BaseInfo from './components/BaseInfo';
import Comment from './components/Comment';
import Tabbar from './components/Tabbar';
import axios from 'axios'

export default {
  name: 'ReservationQuery',
  components: {
    CommonHeader,
    PageSection,
    BaseInfo,
    Comment,
    Tabbar
  },
  data () {
    return {
      info: {},
      commentList: [],
    }
  },
  mounted () {
    this.getInfo();
  },
  methods: {
    getInfo () {
      axios.get('/api/reservationQuery.json').then(this.handleGetDataSucc);
    },
    handleGetDataSucc (res) {
      res = res.data
      if (res.ret && res.data) {
        const data = res.data;
        this.info = data.info;
        this.commentList = data.commentList;
      }
    }
  }

}
</script>

<style lang="less" scoped>
  
</style>
